<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
<script src="js/bootstrap.min.js" charset="UTF-8"></script>
<script src="js/swiper.min.js" charset="UTF-8"></script>
<script src="js/global.js" charset="UTF-8"></script>
<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
<title>U袋网</title>
</head>
<body>
	<!-- 顶部tab -->
	<!-- 引入头部 -->
	<jsp:include page="header.jsp"></jsp:include>
	<!-- 顶部轮播开始 -->
	<div class="swiper-container banner-box">
		<div class="swiper-wrapper">
			<c:forEach items="${list }" var="list">
				<div class="swiper-slide">
					<a href="${list.brLink }"> <img
						src="../admin/showPic/${list.brUrl }" class="cover">
					</a>
				</div>
			</c:forEach>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!-- 顶部轮播结束 -->

	<!-- 首页楼层导航 -->
	<%-- <section class="scroll-floor floor-3">
		<div class="floor-title">
			<i class="iconfont icon-fushi fz16"></i> 商品类型
			<div class="case-list fz0 pull-right">
				<c:forEach items="${list2 }" var="zhulei">
					<a href="getPro?typeId=${zhulei.proTypeId }">${zhulei.proTypeName }</a>
				</c:forEach>
			</div>
		</div>
	</section> --%>
	<!-- 楼层推荐内容开始 -->
	<div class="content inner" style="margin-bottom: 40px;">
		<!-- 首页推荐 -->
		<section class="scroll-floor floor-2">
			<div class="floor-title">
				<i class="iconfont icon-skirt fz16"></i> 推荐商品
				<div class="case-list fz0 pull-right">
					<c:forEach items="${list2 }" var="zhulei">
						<a href="getPro?typeId=${zhulei.proTypeId }">${zhulei.proTypeName }</a>
					</c:forEach>
					<%-- <c:forEach items="${list2 }" var="zhulei">
						<a href="getAllHome?typeId=${zhulei.proTypeId }">${zhulei.proTypeName }</a>
					</c:forEach> --%>
				</div>
			</div>
			<div class="con-box" style="height: 710px">
				<!-- <a class="left-img hot-img" href=""> 
				<img src="images/floor_2.jpg" alt="" class="cover">
				</a> -->
				<div class="right-box" style="width: 100%; height: 695px">
					<c:forEach items="${tui1 }" var="tui">
						<a href="getProTuiTypeId?proId=${tui.proId }" class="floor-item"
							style="height: 340px">
							<div class="item-img hot-img" style="height: 280px">
								<img src="../admin/showPic/${tui.proUrl }" alt="纯色圆领短袖T恤活a动衫弹"
									class="cover">
							</div>
							<div class="price clearfix">
								<span class="pull-left cr fz16">￥${tui.currentPrice }</span> <span
									class="pull-right c6">进货价</span>
							</div>
							<div class="name ep" title="纯色圆领短袖T恤活a动衫弹力柔软">${tui.proName }</div>
						</a>
					</c:forEach>
				</div>
			</div>
		</section>
	</div>
	<!-- 楼层推荐内容结束 -->
	<!--  -->
	<script>
		$(document).ready(function() {
			// 顶部banner轮播
			var banner_swiper = new Swiper('.banner-box', {
				autoplayDisableOnInteraction : false,
				pagination : '.banner-box .swiper-pagination',
				paginationClickable : true,
				autoplay : 5000,
			});
			// 楼层导航自动 active
			$.scrollFloor();
			// 页面下拉固定楼层导航
			$('.floor-nav').smartFloat();
			$('.to-top').toTop({
				position : false
			});
			$('.floor-nav').smartFloat();
		});
	</script>
	<!-- 右侧菜单 -->
	<!-- 引入右侧菜单 -->
	<jsp:include page="right-nav.jsp"></jsp:include>
	<!-- 底部信息 -->
	<!-- 引入脚部 -->
	<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>
